import React, { PureComponent, createRef } from 'react'

export default class Profile extends PureComponent {
  constructor(props) {
    super(props)
    console.log("Profile constructor")
    this.titleRef = createRef()
  }
  
  UNSAFE_componentWillMount() {
    console.log("UNSAFE_componentWillMount")
  }

  componentDidMount() {
    // console.log(this.refs.title)
    console.log("Profile componentDidMount")
  }

  
  render() {
    console.log("Profile render")
    return (
      <div>
        <h2 ref={this.titleRef}>Profile Title</h2>
      </div>
    )
  }
}
